<style>
    .good-info {
        position: relative;
        width: 100%;
    }

    .good-info .img {
        padding: 0 10px;
    }

    .good-info .item-title {
        font-weight: 700;
        font-size: 16px;
        line-height: 1.5rem;
    }

    .good-info .meta {
        margin: 10px 0 0 0;
    }

    .good-info .meta span {
        position: relative;
        display: inline-block;
        line-height: 16px;
        height: 18px;
        color: #b0b0b0;
        font-size: 13px;
        /*width: 30%;*/
    }

    .good-info .img img {
        position: relative;
        width: 100%;
        cursor: pointer;
    }

    .layui-layer-btn0 {
        background-color: #FE2E54 !important;
        color: #ffffff !important;
        border-color: #ffffff !important;
    }
    .good-info .dec{
        position: relative;
        width: 100%;
    }
    .good-info .dec img{
        max-width: 100%;
    }
    .tit {
        line-height: 30px;
        padding-left: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(100,100,100,0.2);
    }
    .tit i{
        margin-top: 5px;
    }
    .small_images {
        margin-top: 10px;
    }
    .small_images img {
        padding: 3px;
        border: 1px solid rgba(210,210,210,0.8);
        border-radius: 2px;
    }
    .small_images img:hover {
        border: 1px solid #FE2E54;
    }
</style>
<div class="good-info">
    <div class="layui-col-lg4">
        <div class="img" id="main_img">
            <img src="{$item.pict_url}"/>
        </div>
    </div>
    <div class="layui-col-lg8 pl10">
        <div class="item-title">
            {if condition='$item["user_type"] eq 1'}
            <span class="layui-badge round bg-red">天猫</span>
            {/if}
            {$item.title}
        </div>
        <div class="meta layui-clear pr10">
            <span class="layui-col-lg4">原价 {$item.zk_final_price} 元</span>
            <span class="layui-col-lg4">{$item.provcity}</span>
            <span class="layui-col-lg4">月销量 {$item.volume}</span>
        </div>
        <div class="coupon-wrap layui-clear">
            <div class="layui-col-lg3">
            <span class="price">
                <i>￥</i><span>{$item.coupon_price}</span>
            </span>
            </div>
            <div class="layui-col-lg9">
            <b class="coupon"><i>{$item.coupon_amount}</i> 元券</b>
            <span class="pl10 font12">有效期：{$item.coupon_start_time} - {$item.coupon_end_time}</span>
            </div>
        </div>
        <div class="tit font14 strong">
            <i></i>-宝贝详情-
        </div>
        <div class="description mt10">
            {if condition="$item['small_images']['string']"}
                <div class="small_images mb10">
                    <img src="{$item.pict_url}" width="50"/>
                    {volist name="item['small_images']['string']" id="vo"}
                        <img src="{$vo}" width="50"/>
                    {/volist}
                </div>
            {/if}
            {notempty name="item.item_description"}
            <p>{$item.item_description}</p>
            {else/}
                暂无
            {/notempty}
        </div>
    </div>
</div>
<script>
    $('.small_images img').on('mouseover', function () {
        $('#main_img img').attr('src', $(this).attr('src'));
    })
    $('#main_img img').on('click', function () {
        window.open($(this).attr('src'), '_blank');
    });
</script>